﻿@model IEnumerable<Campus.Entities.Profesor>

@using Campus.Entities

@{
    ViewBag.Title = "Asistencia";
    
}
<script src="../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script>
<h2>Asistencia</h2>
<script>

    $(document).ready(function () {

        $("#selectProfesores").change(function () {
            //alert("change");

            $.ajax(
                {
                    url: "/Reportes/GruposPorProfesor",
                    type: "POST",
                    data: JSON.stringify({ idProfesor: $(this).val() }),
                    contentType: "application/json; charset=utf-8",
                    success: function (result, status) {

                        if (status == 'success') {
                            if (result) {
                                $("#selectGrupos option").remove();

                                $.each(result.success, function (index, grupo) {                                    
                                    var newOption = '<option value=' + grupo.Id + '>' + grupo.Nombre + ' - ' + grupo.Turno + '</option>';
                                    $("#selectGrupos").append(newOption);
                                });
                            }
                            else {
                                alert("Vaya! hubo un problema al recuperar los grupos del profesor");
                                //$('.ValidationSummary').html(result.Error);
                            }
                        }
                        else {
                            alert("La solicitud no pudo llevarse acabo. Verifique su conexión a internet");
                        }
                    } // function success
                }); //ajax
        }); //change


        $('#btnListaParaAsistencia').click(function (event) {

            //Preparo los parametros querystrings para la url, meses, profesor y grupos elegidos
            //Meses
            var idMeses = [];

            $("#selectMeses :selected").each(function (i, option) {
                idMeses[i] = $(option).val();
                //values.push({Id: $(option).val(), Nombre: $(option).text()});
            });

            //valido que haya elegido un mes
            if (idMeses.length == 0) {
                alert("Debe elegir al menos un mes");
                return;
            }
            if (idMeses.length > 2) {
                alert("No puede elegir mas de dos meses");
                return;
            }

            //Profesor
            var idProfesor = $("#selectProfesores :selected").val();

            //Valido información del profesor
            if (idProfesor == -1) {
                alert("Debe elegir un profesor");
                return;
            }

            //Grupos
            var idGrupos = [];
            $("#selectGrupos :selected").each(function (i, option) {
                idGrupos[i] = $(option).val();
                //values.push({Id: $(option).val(), Nombre: $(option).text()});
            });

            //valido que haya elegido al menos un grupo
            if (idGrupos.length == 0) {
                alert("Debe elegir al menos un grupo");
                return;
            }

            //valido no se hayan elegido mas de dos grupos
            if (idGrupos.length > 2) {
                alert("No puede elegir mas de dos grupos");
                return;
            }

            //armo la url con los parametros
            var url = '/Reportes/ListaParaAsistencia?idMeses=' + idMeses.toString() + '&idProfesor=' + idProfesor + '&idGrupos=' + idGrupos.toString();
          
            var windowSizeArray = "width=800,height=800";
            
            var windowName = "popUp";

            var windowSize = windowSizeArray;

            window.open(url, windowName, windowSize);

            /*Prevents the browser from executing the default action and
            allows us to use the "window.open" within our script.*/
            event.preventDefault();

        });
    });                  //ready

</script>
    <div class="control-group">                      

                <div class="control-label" >
                    
                    
                    <label>Meses</label>

                </div>
                <div class="controls">                            
                    @{
                        List<int> meses = new List<int> {3, 4, 5, 6, 7, 8, 9, 10, 11, 12 };
                        var misMeses = meses.Select(mes => new SelectListItem
                        {
                            Text = (mes == null ? "None" : System.Globalization.DateTimeFormatInfo.CurrentInfo.MonthNames[mes - 1]),
                            Value = mes.ToString()                               
                        });
                        }

                    @Html.ListBox("selectMeses", misMeses)
                </div>
                <div class="control-label" >
                    <label> Profesor </label></div>
                <div class="controls" ">
                    <select id="selectProfesores" name="selectProfesores">
		                <option value="-1" selected="selected">Seleccione un profesor</option>                    
                        @foreach (var item in Model)
                        {            
		                    <option value="@item.ProfesorId">@string.Format("{0} {1}",item.Nombre, item.Apellido)</option>		               	                
                        }
                    </select>
                </div>
                <div class="control-label" >
                    <label>Grupo </label></div>
                <div class="controls">
                    <select id="selectGrupos"name="selectGrupos" multiple="multiple" size="5" style="width:500px;">		                       
                    </select>
                </div>
    </div>
<p>   
    <button id="btnListaParaAsistencia" class="btn btn-primary">Lista Para Asistencia</button>                    
            
    @Html.ActionLink("Volver a Home", "Index", "Home",null, new { @class = "btn" })

</p>






